<template>
  <!-- 使用 Element UI 的 Alert 作为轻量替代，保持简单 -->
  <transition name="el-fade-in">
    <el-alert
      v-if="snackbar.show"
      :title="snackbar.message"
      :type="snackbar.color === 'error' ? 'error' : snackbar.color || 'info'"
      :closable="true"
      @close="snackbar.show = false"
      show-icon
      class="mb-2"
    />
  </transition>
</template>

<script setup>
import { useSnackbar } from '@/composables/useSnackbar'

const snackbar = useSnackbar()
</script>